<html lang="en-us">
  <head>
    <title>Alternate Style Sheets example</title>
    <link href="default.css" rel="stylesheet" title="Default Style" />
    <link href="simple.css" rel="alternate stylesheet" title="Simple" />
    <link href="fancy.css" rel="alternate stylesheet" title="Fancy" />
  </head>
  <body>
    <h1>About alternative style sheets</h1>
    <p>
      Firefox offers support for <em>alternative style sheets</em>. Pages that
      provide alternative style sheets allow the user to select the style in
      which the page is displayed using the View>Page Style submenu. This
      provides a way for users to see multiple versions of a page, based on
      their needs or preferences.
    </p>

    <p>
      A web page can use the
      <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link"
        >&lt;link&gt;</a
      >
      element to add alternative style sheets to a document.
    </p>

    <h1>Try it out!</h1>
    <p>
      Go to the View>Page Style submenu and select a different style to watch
      this page's look change!
    </p>
  </body>
</html>
